<template>
	<view :style="globalColor.style">
		<view class="fixed-space" :style="{ height: h + 'rpx' }"></view>
		<view class="min-space"></view>
		<view
			class="fixed-bottom fboxCol"
			:style="{ backgroundColor: backColor || '' }"
		>
			<view class="btn-groupo fboxRow"><slot></slot></view>
			<view class="min-space"></view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		h: {
			type: Number,
			default: 102
		},
		backColor: {
			type: String,
			default: ''
		}
	},
	data() {
		return {
			globalColor: getApp().globalData.globalColor
		};
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.fixed-space {
	height: 102rpx;
}
.fixed-bottom {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--controllerBgColor);
	padding-top: 30rpx !important;
	padding-bottom: 40rpx;
	z-index: 4;
}

.fixed-bottom .btn-groupo {
}
.min-space {
	height: 10rpx;
}
</style>
